<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1717093_e4kmh8f44k.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
    

    <!-- 导航栏 -->
    <header class="head">
        <article class="h_box">
            <div class="h_box_r">
                 <div class="h_box_r1">
                     <a href="./login.html">登录</a><a href="./register.html">注册</a>
 
                     <!-- <i class="iconfont icon-touxiang i1"></i>
                     <a>Eternal</a>
                     <i class="iconfont icon-fanhui4 i2"></i>
 
                     <div id="logindexHeatActive">
                         <ul>
                             <li>我的订单</li>
                             <li>退款/售后</li>
                             <li>我的资产</li>
                             <li>我的收藏</li>
                             <li>地址管理</li>
                             <li>退出登录</li>
                         </ul>
                     </div> -->
 
                 </div>
                 <span></span>
                 <div class="h_box_r2"><a href="#">帮助中心</a></div>
                 <span></span> 
                 <div class="h_box_r3"><a href="#"><i class="iconfont icon-31baocundaozhuomian"></i>下载APP</a></div>
                 <span></span> 
                 <div class="h_box_r4">
                     <a class="box_r4_a" href="#" >资质证照&nbsp;/&nbsp;协议规定<i class="iconfont icon-fanhui4"></i></a>
                     <ul class="h_box_r4_list">
                         <li><a href="#">资质证照</a></li>
                         <li><a href="#">协议规定</a></li>
                     </ul>
                 </div>
             </div>
        </article>
     </header>
 
     <!-- 定位导航 -->
     <section class="flxedbar">
         <ul class="flxedbar_box">
             <li>
                 <i class="iconfont icon-kefu"></i>
                 <p>联系客服</p>
             </li>
             <li>
                 <i class="iconfont icon-saoyisao"></i>
                 <p>下载APP</p>
             </li>
             <li>
                 <i class="iconfont icon-liwuhuodong"></i>
                 <p>新人有礼</p>
             </li>
             <li>
                 <i class="iconfont icon-weixin"></i>
                 <p>关注微信</p>
             </li>
             <li class="flxedbar_box_last">
                 <i class="iconfont icon-31huidaodingbu"></i>
                 <p>回到顶部</p>
             </li>
         </ul>
     </section>
 
 
     <!-- 搜索框 -->
     <section class="search">
         <div class="search_logo" id="cartSeachLogo"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt=""></div>
     
         <div class="search_none">
             <div class="search_none_box">
                 <span>分类</span>
                 <i class="iconfont icon-fanhui4"></i>
             </div>
 
             <article class="search_list">
                 <ul class="search_list_box"> 
                     <li><a href="#">有品推荐</a>&nbsp;/&nbsp;<a href="#">家用电器</a></li>
                     <li><a href="#">智能家庭</a>&nbsp;/&nbsp;<a href="#">电视影音</a></li>
                     <li><a href="#">家具家装</a>&nbsp;/&nbsp;<a href="#">居家餐厨</a></li>
                     <li><a href="#">运动户外</a>&nbsp;/&nbsp;<a href="#">出行车品</a></li>
                     <li><a href="#">手机电脑</a>&nbsp;/&nbsp;<a href="#">数码周边</a></li>
                     <li><a href="#">服装配饰</a>&nbsp;/&nbsp;<a href="#">鞋靴箱包</a></li>
                     <li><a href="#">日用文创</a>&nbsp;/&nbsp;<a href="#">美食酒饮</a></li>
                     <li><a href="#">美妆个护</a>&nbsp;/&nbsp;<a href="#">健康保健</a></li>
                     <li><a href="#">母婴亲子</a>&nbsp;/&nbsp;<a href="#">宠物生活</a></li>
                 </ul>
     
                 <article class="search_list_active">
                     <!-- <div class="search_listact_box">
                         <p>有品推荐</p>
                         <ul class="clear_fix">
                             <li>
                                 <img src="https://img.youpin.mi-img.com/miio_album_pics/e3c2e6ebed890f23ecb93e163dfe322e.png?w=800&h=800" alt="">
                                 <span>销量榜单</span>
                             </li>
                         </ul>
                     </div>  -->
                 </article>
     
             </article>
         
         </div>
 
         <div class="search_buy">限时抢购</div>
         <p><i class="iconfont icon-cart"></i></p>
         <article class="search_box">
             <i class="iconfont icon-31sousuo"></i>
             <div><input type="text" placeholder="搜一搜"></div>
         </article>
     </section>

     <!-- 购物车内容 -->
     <main class="content">
        <div class="content_bar">
            <a>首页</a>
            <span>></span>
            <a>购物车</a>
        </div>
        <!-- 没有商品时候显示 -->
        <section class="content_nogoods" id="cartNoGoods">
            <div class="content_nogoods_img">
                <div></div>
                <p>购物车还是空的</p>
            </div>
            <div class="content_nogoods_keep">
                <div>继续逛</div>
            </div>
        </section>

        <!-- 有物品时候才显示 -->
        <section class="content_goods" id="cartHaveGoods">
            <div class="content_goods_title">
                <i class="selectGoods"></i>
                <span>全选</span>
                <span>商品信息</span>
                <span>单价</span>
                <span>数量</span>
                <span>金额</span>
                <span>操作</span>
            </div>
            <article class="content_bigbox">
                <div class="content_goods_shop">
                    <i class="selectGoods"></i>
                    <span>有道精选</span>
                    <span>
                        <span>!</span>
                        满99.00元免运费
                    </span>
                </div>
                <div class="content_goods_discount">
                    <span>满减</span>
                    <span>米粉节满199减40；299减60；399减80</span>
                    <span>凑单></span>
                </div>
                <div class="content_goods_box">
                    <div class="content_goodsbox_select">
                        <i class="selectGoods"></i>
                    </div>
                    <div class="content_goodsbox_img">
                        <img src="https://img.youpin.mi-img.com/800_pic/f3d60dd9eae998425b954399d6a48387.png@base@tag=imgScale&F=webp" alt="">
                    </div>
                    <div class="content_goodsbox_title">
                        <p>inFace黄金美容棒</p>
                    </div>
                    <div class="content_goodsbox_price">
                        <span>￥179</span>
                    </div>
                    <div class="content_goodsbox_num">
                        <div class="content_goodsbox_num_box">
                            <div class="reduceBtn">-</div>
                            <div>1</div>
                            <div class="addBtn">+</div>
                        </div>
                    </div>
                    <div class="content_goodsbox_allprice">
                        <span>￥179</span>
                    </div>
                    <div class="content_goodsbox_del">
                        <i>x</i>
                    </div>
        
                </div>
            </article>

            <article class="content_Total">
                <div class="content_Total_goodsnum">
                    <i class="selectGoods"></i>
                    <span>全选</span>
                    <span id="goodsnum">已选0件</span>
                </div>
                <div id="settlement">去结算</div>
                <div class="content_Total_goodsmoney">
                    <span>合计：</span>
                    <span id="goodsmoney">￥0.00</span>
                </div>
            </article>
        </section>


        <section></section>
     </main>

     <!-- 页尾 -->
    <footer class="foot">
        <section class="foot_box">
            <article class="foot_box_l"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt="">
            </article>
            <article class="foot_box_r">
                <div class="foot_box_rl">
                    <p>
                        <span>©xiaomiyoupin.com</span>
                        <span>苏B2-20180351 苏ICP备18025642号-1</span>
                        <img src="https://shop.io.mi-img.com/static/h5/static3/media/record-icon.d0289dc0.png" alt="">
                        <span>苏公网安备 32010502010244号</span>
                    </p>
                    <p>
                        <span>企业名称：有品信息科技有限公司</span>
                        <a href="#">关于我们</a>
                        <a href="#">入驻有品</a>
                    </p>
                    <p>
                        <a href="#">小米有品平台运营主体变更公告</a>
                    </p>
                    <p>南京市建邺区白龙江东街8号3栋9层</p>
                </div>
                <div class="foot_box_rr">
                    <img src="https://shop.io.mi-img.com/static/h5/static3/media/f-logo.c6285587.png" alt="">
                </div>
            </article>
        </section>
    </footer>


</body>
<script src="../js/ajax.js"></script>
<script src="../static/jquery.js"></script>
<script src="../js/fixed.js"></script>
<script src="../js/logindex.js"></script>
<script src="../js/cart.js"></script>
<script src="../js/dump.js"></script>
</html>